gp-ezjs-examples

Edit 0 5 … 
=== Pictures
 
Click to change pictures
 
@pa"http://www.atomicgrounds.com/images/A_Alfred_Newman.jpg"
@pb"http://www.thecitrusreport.com/wp-content/uploads/2011/04/dilbert.jpg"
@pc"http://www.synergizedsolutions.com/simpsons/images/lisa_sax.gif"
-------------------------
 
pa.style.display="block"
pb.style.display="none"
pc.style.display="none"
 
function dopa()
{
  pa.style.display="none"
  pb.style.display="block"
}
 
function dopb()
{
  pb.style.display="none"
  pc.style.display="block"
}
 
function dopc()
{
  pc.style.display="none"
  pa.style.display="block"
}

<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
      <h1>Pictures</h1>
 <img id=pa onclick="dopa()" src="http://www.atomicgrounds.com/images/A_Alfred_Newman.jpg">
 <img id=pb onclick="dopb()" src="http://www.thecitrusreport.com/wp-content/uploads/2011/04/dilbert.jpg">
 <img id="pc" onclick="dopc()" src="http://www.synergizedsolutions.com/simpsons/images/lisa_sax.gif">
  </body>
  <script>
 
pa.style.display="block"
pb.style.display="none"
pc.style.display="none"
 
function dopa()
{
  pa.style.display="none"
  pb.style.display="block"
}
 
function dopb()
{
  pb.style.display="none"
  pc.style.display="block"
}
 
function dopc()
{
  pc.style.display="none"
  pa.style.display="block"
}
  </script>
</html>